import { memo } from 'react';

type Props = {};

const Confetti = ({}: Props) => {
  return (
    <div className="absolute left-0 top-0">
      <svg
        width="337"
        height="146"
        viewBox="0 0 337 146"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <g filter="url(#filter0_f_1689_10812)">
          <path
            d="M128.192 23.4487C128.192 23.4487 132.592 28.9319 135.77 32.11C138.949 35.2881 144.432 39.6886 144.432 39.6886L136.853 47.2672C136.853 47.2672 131.37 42.8667 128.192 39.6886C125.014 36.5105 120.613 31.0273 120.613 31.0273L128.192 23.4487Z"
            fill="#EDAB32"
          />
        </g>
        <path
          opacity="0.5"
          d="M157.986 -5.19385C157.986 -5.19385 168.066 -13.8619 174.095 -19.8906C180.124 -25.9192 188.792 -36 188.792 -36L198.68 -26.1112C198.68 -26.1112 190.012 -16.0305 183.984 -10.0018C177.955 -3.97322 167.874 4.69487 167.874 4.69487L157.986 -5.19385Z"
          fill="#C73673"
        />
        <path
          d="M97.6274 19.5581C97.6274 19.5581 91.9423 12.9464 87.9883 8.99238C84.0342 5.03837 77.4225 -0.646801 77.4225 -0.646801L83.9083 -7.13255C83.9083 -7.13255 90.52 -1.44738 94.474 2.50663C98.428 6.46065 104.113 13.0724 104.113 13.0724L97.6274 19.5581Z"
          fill="#5B6EDD"
        />
        <path
          opacity="0.5"
          d="M84.6932 56.8691C84.6932 56.8691 86.3483 56.7956 87.3531 56.5263C88.358 56.2571 89.828 55.4933 89.828 55.4933L91.1228 60.3253C91.1228 60.3253 89.6527 61.0891 88.6478 61.3583C87.643 61.6276 85.988 61.7011 85.988 61.7011L84.6932 56.8691Z"
          fill="#3168F6"
        />
        <path
          opacity="0.5"
          d="M32.4736 51.6689C32.4736 51.6689 34.1287 51.5954 35.1335 51.3262C36.1384 51.0569 37.6084 50.2931 37.6084 50.2931L38.9032 55.1251C38.9032 55.1251 37.4331 55.8889 36.4282 56.1581C35.4234 56.4274 33.7684 56.5009 33.7684 56.5009L32.4736 51.6689Z"
          fill="#3168F6"
        />
        <path
          d="M205.393 33.0596C205.393 33.0596 204.893 31.48 204.373 30.579C203.853 29.6781 202.735 28.4558 202.735 28.4558L207.067 25.9546C207.067 25.9546 208.185 27.1769 208.706 28.0778C209.226 28.9788 209.725 30.5584 209.725 30.5584L205.393 33.0596Z"
          fill="#3168F6"
        />
        <path
          opacity="0.5"
          d="M251.336 42.2002C251.336 42.2002 252.278 42.0223 252.877 41.801C255.705 40.756 256.066 37.4372 258.774 35.8268C259.54 35.3716 260.782 34.8302 260.782 34.8302L263.072 36.6192C263.072 36.6192 261.821 37.1372 261.064 37.6157C258.415 39.2894 258.718 43.0864 255.93 44.1862C255.333 44.4219 254.389 44.5854 254.389 44.5854L251.336 42.2002Z"
          fill="#5B6EDD"
        />
        <path
          opacity="0.5"
          d="M15.9158 30.1675C15.9158 30.1675 16.8578 29.9896 17.4568 29.7683C20.2841 28.7233 20.6449 25.4045 23.3535 23.7941C24.1191 23.3388 25.3612 22.7975 25.3612 22.7975L27.6509 24.5864C27.6509 24.5864 26.4006 25.1045 25.6432 25.583C22.9941 27.2567 23.2978 31.0536 20.5098 32.1535C19.9124 32.3892 18.9687 32.5527 18.9687 32.5527L15.9158 30.1675Z"
          fill="#DD4F48"
        />
        <path
          opacity="0.5"
          d="M340 114.255C340 114.255 339.063 114.051 338.426 114.02C335.415 113.876 333.785 116.789 330.662 117.211C329.779 117.331 328.424 117.343 328.424 117.343L327.017 114.801C327.017 114.801 328.37 114.813 329.254 114.669C332.347 114.165 333.553 110.552 336.549 110.631C337.191 110.647 338.123 110.866 338.123 110.866L340 114.255Z"
          fill="#DD4F48"
        />
        <g filter="url(#filter1_f_1689_10812)">
          <path
            d="M4.55078 135.251C4.55078 135.251 6.9848 134.791 8.5324 134.219C15.8374 131.52 16.7695 122.945 23.7679 118.784C25.746 117.608 28.9553 116.209 28.9553 116.209L34.8713 120.831C34.8713 120.831 31.6406 122.17 29.6839 123.406C22.8392 127.73 23.624 137.541 16.4204 140.382C14.8769 140.991 12.4388 141.414 12.4388 141.414L4.55078 135.251Z"
            fill="#DD4F48"
          />
        </g>
        <path
          opacity="0.25"
          d="M283.098 47.4658C283.098 47.4658 285.819 46.9521 287.55 46.3126C295.717 43.294 296.759 33.7069 304.584 29.0547C306.795 27.7397 310.384 26.1759 310.384 26.1759L316.998 31.3437C316.998 31.3437 313.386 32.8402 311.198 34.2224C303.545 39.0573 304.423 50.0257 296.369 53.2029C294.643 53.8837 291.917 54.3561 291.917 54.3561L283.098 47.4658Z"
          fill="#DD4F48"
        />
        <path
          opacity="0.5"
          d="M58.9578 88.4316C58.9578 88.4316 63.5896 91.828 66.7694 93.6639C69.9492 95.4997 75.2065 97.8128 75.2065 97.8128L70.8286 105.396C70.8286 105.396 65.5713 103.082 62.3915 101.247C59.2117 99.4107 54.5799 96.0144 54.5799 96.0144L58.9578 88.4316Z"
          fill="#78C26A"
        />
        <path
          d="M234.07 55.0684C234.07 55.0684 234.6 51.5941 234.6 49.3599C234.6 47.1256 234.07 43.6514 234.07 43.6514L241.488 43.6514C241.488 43.6514 242.018 47.1256 242.018 49.3599C242.018 51.5941 241.488 55.0684 241.488 55.0684L234.07 55.0684Z"
          fill="#EDAB32"
        />
        <path
          d="M75.3794 39.3296C75.3794 39.3296 76.959 38.8302 77.8599 38.3101C78.7609 37.7899 79.9831 36.6716 79.9831 36.6716L82.4843 41.0039C82.4843 41.0039 81.2621 42.1221 80.3611 42.6423C79.4602 43.1624 77.8806 43.6618 77.8806 43.6618L75.3794 39.3296Z"
          fill="#EDAB32"
        />
        <path
          d="M288.859 82.5615C288.859 82.5615 287.21 82.4032 286.177 82.5295C285.145 82.6558 283.582 83.2068 283.582 83.2068L282.975 78.2414C282.975 78.2414 284.537 77.6903 285.57 77.564C286.603 77.4378 288.252 77.5961 288.252 77.5961L288.859 82.5615Z"
          fill="#EDAB32"
        />
        <path
          opacity="0.5"
          d="M245.641 98.6606C245.641 98.6606 247.296 98.5871 248.301 98.3179C249.305 98.0486 250.775 97.2848 250.775 97.2848L252.07 102.117C252.07 102.117 250.6 102.881 249.595 103.15C248.59 103.419 246.935 103.493 246.935 103.493L245.641 98.6606Z"
          fill="#3168F6"
        />
        <path
          opacity="0.5"
          d="M10.22 86.6279C10.22 86.6279 11.875 86.5544 12.8799 86.2851C13.8847 86.0159 15.3548 85.2521 15.3548 85.2521L16.6495 90.084C16.6495 90.084 15.1794 90.8479 14.1746 91.1171C13.1697 91.3864 11.5147 91.4599 11.5147 91.4599L10.22 86.6279Z"
          fill="#3168F6"
        />
        <path
          d="M217.718 8.75732C217.718 8.75732 222.975 6.44421 226.155 4.60835C229.335 2.77249 233.967 -0.62388 233.967 -0.62388L238.345 6.95886C238.345 6.95886 233.713 10.3552 230.533 12.1911C227.353 14.0269 222.096 16.3401 222.096 16.3401L217.718 8.75732Z"
          fill="#78C26A"
        />
        <path
          d="M155.622 51.3052C155.622 51.3052 151.612 55.4173 149.35 58.3096C147.088 61.2018 144.063 66.0845 144.063 66.0845L137.166 60.6905C137.166 60.6905 140.191 55.8078 142.453 52.9156C144.715 50.0233 148.725 45.9112 148.725 45.9112L155.622 51.3052Z"
          fill="#78C26A"
        />
        <defs>
          <filter
            id="filter0_f_1689_10812"
            x="114.613"
            y="17.4487"
            width="35.8185"
            height="35.8184"
            filterUnits="userSpaceOnUse"
            colorInterpolationFilters="sRGB"
          >
            <feFlood floodOpacity="0" result="BackgroundImageFix" />
            <feBlend
              mode="normal"
              in="SourceGraphic"
              in2="BackgroundImageFix"
              result="shape"
            />
            <feGaussianBlur
              stdDeviation="3"
              result="effect1_foregroundBlur_1689_10812"
            />
          </filter>
          <filter
            id="filter1_f_1689_10812"
            x="0.550781"
            y="112.209"
            width="38.3206"
            height="33.2046"
            filterUnits="userSpaceOnUse"
            colorInterpolationFilters="sRGB"
          >
            <feFlood floodOpacity="0" result="BackgroundImageFix" />
            <feBlend
              mode="normal"
              in="SourceGraphic"
              in2="BackgroundImageFix"
              result="shape"
            />
            <feGaussianBlur
              stdDeviation="2"
              result="effect1_foregroundBlur_1689_10812"
            />
          </filter>
        </defs>
      </svg>
    </div>
  );
};

export default memo(Confetti);
